<template>
	<view>
		<global-navgation  title="科技成果"></global-navgation>
		<view class="top">
			<text class="text1">{{achievements.title}}</text>
		</view>
		<view class="list1">
			<image :src="achievements.banner_img" mode=""></image>
		</view>
		<view class="top1">
			<text class="text2">{{achievements.sub_title}}</text>
		</view>
		<view class="list2">
			<image :src="achievements.cover_img" mode=""></image>
		</view>
		<view class="list3">
			<button type="default" @click="show">一键分享</button>
		</view>
	</view>
</template>
<script>
	import globalNavgation from '../../components/globalNavgation.vue'
	export default{
		components:{
			globalNavgation
		},
		data(){
			return{
				achievements:[],
				tokens:''
			}
		},
		mounted(){
			// 初始化获取数据
			this.__initClassData()	
		},
		onLoad(){
			uni.getStorage({
			    key: 'token',
			    success:  res=> {
					this.tokens=res.data
					console.log('mmm',this.tokens)
			    }
			});
		},
		methods:{
			__initClassData() {
				this.$api.get({
					url: '/article/article/company_achievements',
					data:{token:this.tokens}
				}).then(res => {
						this.lists=res.data
						this.company=res.data.company
						this.achievements=res.data.achievements
						console.log(res.data)
					})
				},
			show(){
				uni.navigateTo({
					url:'../show/show'
				})
				
			},
		}
	}
</script>
<style>
	.top{
		width: 100%;
		position: relative;
	}
	.top1{
		width: 100%;
		position: relative;
		margin: 0 auto;
		margin-left: 89rpx;
	}
	.list3{
		width: 100%;
		position: relative;
	}
	.list3 button{
		width: 686rpx;
		height: 100rpx;
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		position: absolute;
		left: 32rpx;
		top: 20rpx;
		background: linear-gradient(90deg, #3965FF 0%, rgba(57, 101, 255, 0.8) 100%);
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 500;
		font-size: 18px;
		line-height: 100rpx;
		text-align: center;
		color: #FFFFFF;
	}
	.top1 .text2{
		width: 572rpx;
		height: 100rpx;
		display: block;
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 36rpx;
		line-height: 50rpx;
		text-align: center;
		color: #333333;
	}
	 .list2{
		width: 100%;
		height: 480rpx;
		background: #FFFFFF;
		box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		margin: 16px 0px;
		position: relative;
	}
	.list2 image{
		width: 446rpx;
		height: 260rpx;
		display: block;
		position: absolute;
		top:110rpx;
		left: 120rpx;
	}
	.top	.text1{
		height: 50rpx;
		line-height: 50rpx;
		text-align: center;
		
		font-family: PingFang SC;
		font-style: normal;
		font-weight: 600;
		font-size: 38rpx;
		margin-top: 40rpx;
		margin-left: 57rpx;
		
	}
	.list1{
		width: 100%;
		height: 480rpx;
		background: #FFFFFF;
		box-shadow: 0px 4rpx 16rpx rgba(0, 0, 0, 0.1);
		border-radius: 16rpx;
		margin-top: 32rpx;
		position: relative;
		margin-bottom: 80rpx;
	}
	.list1 image{
		width: 366rpx;
		height: 366rpx;
		position: absolute;
		left: 81px;
		top: 31px;
	}
</style>